@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #27ba9b
    ),
    'success': (
      'base': #66e6c8
    ),
    'warning': (
      'base': #ffd08a
    ),
    'danger': (
      'base': #ff6b6b
    ),
    'error': (
      'base': #e64949
    ),
    'info': (
      'base': #73d1da
    )
  ),
  $text-color: (
    'primary': rgba(0, 0, 0, 0.92),
    'regular': rgba(0, 0, 0, 0.88),
    'secondary': rgba(0, 0, 0, 0.6),
    'placeholder': rgba(0, 0, 0, 0.36),
    'disabled': rgba(0, 0, 0, 0.28)
  ),
  $border-color: (
    '': #d9d9d9,
    'light': #e8e8e8,
    'lighter': #e8e8e8,
    'extra-light': #f0f0f0
  ),
  $fill-color: (
    '': #f0f0f0,
    'light': #f5f5f5,
    'lighter': #f7f7f7,
    'extra-light': #fafafa
  ),
  $bg-color: (
    '': #ffffff,
    'page': #f0f2f5,
    'overlay': #ffffff
  ),
  $box-shadow: (
    '': (
      0 2px 10px 2px rgba(0, 0, 0, 0.1)
    ),
    'light': (
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    ),
    'lighter': (
      0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02)
    ),
    'dark': (
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    )
  ),
  $overlay-color: (
    '': rgba(0, 0, 0, 0.8),
    'light': rgba(0, 0, 0, 0.6),
    'lighter': rgba(0, 0, 0, 0.45)
  ),
  $mask-color: (
    '': rgba(255, 255, 255, 0.4),
    'extra-light': rgba(255, 255, 255, 0.6)
  ),
  $border-radius: (
    'base': 6px,
    'small': 4px
  )
);
